import Vue from 'vue'
Vue.config.productionTip = false
// import App from '@/views/1.插值语法'
// import App from '@/views/2.基本指令'
// import App from '@/views/3.v-bind'
// import App from '@/views/4.v-bind绑定class'
// import App from '@/views/5.v-bind绑定style'
// import App from '@/views/6.v-bind动态绑定'
// import App from '@/views/7.v-on的基本使用'
// import App from '@/views/8.v-on事件对象和参数传递'
// import App from '@/views/9.v-on绑定事件时添加修饰符'
// import App from '@/views/10.v-if'
// import App from '@/views/11.v-show条件渲染'
// import App from '@/views/12.v-for的基本使用'
// import App from '@/views/13.数组检测更新'
// import App from '@/views/14.计算属性'
// import App from '@/views/15.侦听器'
// import App from '@/views/16.v-model'
// import App from '@/views/17.组件'
// import App from '@/views/18.组件props传值'
// import App from '@/views/19.v-model组件的封装'
// import App from '@/views/20.sync修饰符'
// import App from '@/views/21.插槽的使用'
// import App from '@/views/22.动态组件和异步组件'
// import App from '@/views/23.递归组件'
// import App from '@/views/24.混入mixin'
// import App from '@/views/25.组件style特性'
// import App from '@/views/26.v-bind动态绑定样式'
// import App from '@/views/27.深度选择器'
// import App from '@/views/28.自定义指令'
// import App from '@/views/29.过滤器的使用'
// import App from '@/views/30.组件通讯ref'
// import App from '@/views/31.$attrs$listeners组件通讯'
// import App from '@/views/32.$children$parent组件通讯'
// import App from '@/views/33.EventBus组件通讯'
// import App from '@/views/34.provide和inject组件通讯'
// import App from '@/views/35.vuex的使用'
import App from '@/views/36.过渡动画'

import store from './store'

//全局mixin
import mixins from '@/mixins'
Vue.use(mixins)

// 全局指令
import defineDirective from '@/directives'
Vue.use(defineDirective)

// 全局过滤器
import filters from '@/filters'
Vue.use(filters)

new Vue({
  // 挂载到 vue 中,只有把store挂载到Vue中，所有组件就可以直接从store中获取全局数据
  store,
  render: (h) => h(App)
}).$mount('#app')
